﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>chinaz</title>

    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
       <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />

    <!-- GOOGLE FONTS-->
    <link href='http://fonts.useso.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
				  <img class="navbar-left" src="assets/img/logo.png" width="557" height="59" border="0">
          <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right" style="margin-top:10px;color:#fff;">
                    <!-- <li><a>XXX，欢迎你</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-user"></span> 个人设置</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-cog"></span> 系统设置</a></li> -->
                    <li><a href="#"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
                </ul>
            </div>
        </nav>
        <!-- /. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <div class="user-img-div">
                            <img src="assets/img/user.png" class="img-thumbnail" />
                            &nbsp;&nbsp;
                            <span class="inner-text">
                                您好，张三 
                            </span>
                        </div>

                    </li>

                    <li>
                        <a  href="#"><i class="fa fa-caret-right "></i>订单管理</a>
						<ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>订单管理</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a  href="index.html"><i class="fa fa-caret-right "></i>运输管理</a>
						<ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>运输管理</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a  href="index.html"><i class="fa fa-caret-right "></i>货物管理</a>
						<ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>货物管理</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a  href="index.html"><i class="fa fa-caret-right "></i>财务管理</a>
						<ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>财务管理</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-caret-right "></i>客户管理</a>
                         <ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa  fa-file-o"></i>生产企业</a>
                            </li>
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa  fa-file-o "></i>物流公司</a>
                            </li>
                             <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa  fa-file-o "></i>其他</a>
                            </li>
                            
                           
                        </ul>
                    </li>
                     <li>
                        <a href="#"><i class="fa fa-caret-right "></i>系统管理 </a>
                         <ul class="nav nav-second-level">
                            <li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o "></i>修改资料</a>
                            </li>
							<li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>修改密码</a>
                            </li>
							<li>
                                <a class="sub" href="javascript:void(0);" onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>权限管理</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->

         
		<!--page-wrapper-->
        <div id="page-wrapper" >
            
        </div>
        <!--end page-wrapper-->
    </div>
    <!-- /. WRAPPER  -->
    
	<!--
    <div id="footer-sec" style="text-align:center">
        Copyright &copy; 2016.达利琪物流云平台版权所有.
    </div>
	-->
    <!-- /. FOOTER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP SCRIPTS -->
    <script src="assets/js/bootstrap.js"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="assets/js/jquery.metisMenu.js"></script>
       <!-- CUSTOM SCRIPTS -->
    <script src="assets/js/custom.js"></script>
    
    <script>
	
	   function loadPage(obj,url){
		   $('.sub').css('color','#fff');
	       $(obj).css('color','red');
	   }
	</script>
 
</body>
</html>
